<!DOCTYPE html>
<html lang="en">
<head>
    <title>我的简历</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <link rel="icon" href="images/favicon.png" type="image/x-icon"/>
    <link rel="shortcut icon" href="images/favicon.png" type="image/x-icon"/>
    <link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
    <link href="css/style.css" type="text/css" rel="stylesheet" media="all">
    <link href="css/font-awesome.css" rel="stylesheet">
    <link rel="stylesheet" href="css/message.css" type="text/css"/>
    <link rel="stylesheet" href="css/swipebox.css">
    <link rel="stylesheet" href="css/handsome.css" type="text/css"/>
    <link rel="stylesheet" href="css/font.min.css" type="text/css"/>
    <script src="js/jquery-2.2.3.min.js"></script>
</head>
<body>
<!-- 密码验证区域 -->
<div class="app app-header-fixed " id="passwordDiv">
    <div class="modal-over bg-black">
        <div class="modal-center animated fadeInUp text-center" style="width:200px;margin:-200px 0 0 -100px;">
            <div class="thumb-lg">
                <img src="/resume/images/note.jpg" class="img-circle normal-shadow">
            </div>
            <h4 class="m-t m-b">个人简历</h4>
            <small class="text-muted letterspacing indexWords m-b-sm">
                请输入个人简历的访问密码：
            </small>
            <div class="input-group m-t-md">
                <input type="password" style="color: black"
                       autofocus="autofocus"
                       class="form-control text-sm btn-rounded no-border open_new_world_password"
                       placeholder="输入密码打开新世界"
                       onkeydown="keyDown(event)";>
                <span class="input-group-btn">
<a class="btn btn-success btn-rounded no-border wrapper-sm padder-md open_new_world"><i class="glyphicon
        glyphicon-arrow-right"></i></a>
</span>
            </div>
        </div>
    </div>
</div>
<!-- main -->
<div class="buttons-wrapper" id="mainDiv">
    <input id="slide1" class="w3slider-input" type="radio" name="slider" checked>
    <input id="slide2" class="w3slider-input" type="radio" name="slider">
    <input id="slide3" class="w3slider-input" type="radio" name="slider">
    <input id="slide4" class="w3slider-input" type="radio" name="slider">
    <ul class="slider">
        <li class="agileits">
            <!-- banner -->
            <div class="banner">
                <div class="banner-w3lsinfo">
                    <h2>个人简历</h2>
                    <div class="container">
                        <div class="col-md-4 header-w3left">
                            <img src="https://cdn.jsdelivr.net/gh/XuxuGood/cdn@master/blogImages/resume/resumeAvatar.jpg"
                                 alt=""/>
                            <div class="header-imgtext-w3ls">
                                <h1>徐旭</h1>
                                <div class="social-wthree-icons">
                                    <ul>
                                        <li><a href="mailto:22476705@qq.com"
                                               class="fa fa-envelope icon icon-border envelope" title="Email"
                                               target="_blank"> </a></li>
                                        <li><a href="https://github.com/XuxuGood"
                                               class="fa fa-github icon icon-border github" title="Github"
                                               target="_blank"> </a></li>
                                        <li><a href="https://blog.csdn.net/qq_42889280"
                                               class="fa fa-coffee icon icon-border coffee" title="CSDN"
                                               target="_blank"> </a></li>
                                        <li><a href="https://hasaik.com" class="fa fa-bold icon icon-border bold"
                                               title="个人博客" target="_blank"></a></li>
                                    </ul>
                                    <div class="clearfix"></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-8 header-w3right">
                            <h3 class="agileits-title">关于我</h3>
                            <div class="profile-agileinfo">
                                <p>一枚90后小码农，拥有近三年 Java 开发经验，熟练使用 Spring Boot 框架，了解 Redis 等缓存组件。对前后端分离模式开发深入理解，对 Vue
                                    有丰富的开发经验，具备一定的框架设计能力。有优秀的学习能力和团队沟通能力，经常与团队进行技术分享，能与团队共同成长。</p>
                                <div class="col-md-4 col-xs-4 profile-grids">
                                    <i class="fa fa-user"></i>
                                    <h5>个人信息</h5>
                                    <ul class="address">
                                        <li>
                                            <b>生日</b> : 1996-02-11
                                        </li>
                                        <li>
                                            <b>爱好</b> : 阅读与健身
                                        </li>
                                        <li>
                                            <b>毕业院校</b> : 辽宁对外经贸学院
                                        </li>
                                        <li>
                                            <b>期望职位</b> : Java 开发工程师
                                        </li>
                                    </ul>
                                </div>
                                <div class="col-md-4 col-xs-4 profile-grids">
                                    <i class="fa fa-envelope"></i>
                                    <h5>联系我</h5>
                                    <ul class="address">
                                        <li>
                                            <b>电话</b> : 18742086956
                                        </li>
                                        <li>
                                            <b>微信</b> : XiaoXuxuy-
                                        </li>
                                        <li>
                                            <b>QQ</b> : 22476705
                                        </li>
                                    </ul>
                                </div>
                                <div class="col-md-4 col-xs-4 profile-grids">
                                    <i class="fa fa-share-alt"></i>
                                    <h5>备注</h5>
                                    <ul class="address">
                                        <li>
                                            <b>邮箱</b> : <a href="mailto:22476705@qq.com">22476705@qq.com</a>
                                        </li>
                                        <li>
                                            <b>网站</b> : <a href="https://hasaik.com" target="_blank">https://hasaik.com</a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
            <!-- //banner -->
        </li>
        <li class="agileits">
            <!-- work -->
            <div class="work agileits-w3layouts">
                <div class="container">
                    <div class="col-md-6 work-agile-left">
                        <h3 class="agileits-title">我的技能</h3>
                        <div style="font-size: 1.5rem">
                            <p>1. 熟练 Java 语言，掌握 Spring、Spring Boot 等主流框架，掌握 Redis 缓存组件。</p>
                            <p>2. 熟练使用 Tomcat 应用服务器的应用部署和配置，熟悉 Jenkins 自动化部署、测试。</p>
                            <p>3. 熟练掌握 HTML、CSS、JavaScript 等 Web 基础。</p>
                            <p>4. 熟练使用 Vue 全家桶进行构建前端框架。</p>
                            <p>5. 熟练使用 Git、SVN、Maven 等项目管理工具。</p>
                            <p>6. 熟练使用 Shiro 安全框架、JWT 安全认证、Swagger 开发文档工具。</p>
                            <p>7. 熟练使用 Mybatis 框架及 Mybatis Plus 增强工具。</p>
                            <p>8. 熟练掌握全栈开发，对后端到前端的技术原理有全面的认识，熟悉网站开发流程，能够独立搭建完整的网站。</p>
                            <p>9. 掌握 MySQL 数据库的基本原理与常用语法，有过 SQL 语句调优经验。</p>
                            <p>10. 熟悉 JVM 的原理及 JVM 垃圾收集算法。</p>
                            <p>11. 熟悉 Java 多线程及并发编程。</p>
                            <p>12. 了解 Spring Cloud 微服务框架及相关组件。</p>
                        </div>

                    </div>
                    <div class="col-md-6 work-agile-right">
                        <h3 class="agileits-title">工作经验</h3>
                        <div class="panel-group w3l_panel_group_faq" id="accordion" role="tablist"
                             aria-multiselectable="true">
                            <div class="panel panel-default">
                                <div class="panel-heading" role="tab" id="headingOne">
                                    <h4 class="panel-title asd">
                                        <a class="pa_italic" role="button" data-toggle="collapse"
                                           data-parent="#accordion" href="#collapseOne" aria-expanded="true"
                                           aria-controls="collapseOne">
                                            <span class="glyphicon glyphicon-plus" aria-hidden="true"></span><i
                                                class="glyphicon glyphicon-minus" aria-hidden="true"></i> 2018.12至今
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel"
                                     aria-labelledby="headingOne">
                                    <div class="panel-body panel_text">
                                        <h5>大连亿达信息技术有限公司</h5>
                                        <p><span style="color: #323232">担任职位：</span>Java工程师</p>
                                        <p><span style="color: #323232">工作描述：</span>根据用户的需求参与项目需求的分析、技术调研，以保证项目后期顺利编写。对项目进行代码优化以及性能优化。
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <!--<div class="panel panel-default">-->
                            <!--<div class="panel-heading" role="tab" id="headingTwo">-->
                            <!--<h4 class="panel-title asd">-->
                            <!--<a class="pa_italic collapsed" role="button" data-toggle="collapse"-->
                            <!--data-parent="#accordion" href="#collapseTwo" aria-expanded="false"-->
                            <!--aria-controls="collapseTwo">-->
                            <!--<span class="glyphicon glyphicon-plus" aria-hidden="true"></span><i-->
                            <!--class="glyphicon glyphicon-minus" aria-hidden="true"></i> 2013-2014-->
                            <!--</a>-->
                            <!--</h4>-->
                            <!--</div>-->
                            <!--<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel"-->
                            <!--aria-labelledby="headingTwo">-->
                            <!--<div class="panel-body panel_text">-->
                            <!--<h5>Company Name </h5>-->
                            <!--Qui dolorem ipsum quia dolor sit amet, neque porro quisquam est, consectetur-->
                            <!--adipisci velit sed quia.-->
                            <!--</div>-->
                            <!--</div>-->
                            <!--</div>-->
                        </div>
                        <h3 class="agileits-title agileits-title2">项目经验</h3>
                        <div class="panel-group w3l_panel_group_faq" role="tablist" id="accordion1">
                            <div class="panel panel-default">
                                <div class="panel-heading" role="tab" id="headingfour">
                                    <h4 class="panel-title asd">
                                        <a class="pa_italic" role="button" data-toggle="collapse"
                                           data-parent="#accordion" href="#collapsefour" aria-expanded="true"
                                           aria-controls="collapsefour">
                                            <span class="glyphicon glyphicon-plus" aria-hidden="true"></span><i
                                                class="glyphicon glyphicon-minus" aria-hidden="true"></i>美力桥医药求助平台
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapsefour" class="panel-collapse collapse in" role="tabpanel"
                                     aria-labelledby="headingfour">
                                    <div class="panel-body panel_text">
                                        <p><span style="color: #323232">软件环境：</span>Windows10，Java，Tomcat，MySQL，Vue</p>
                                        <p><span style="color: #323232">开发工具：</span>IntelliJ IDEA，WebStorm</p>
                                        <p><span style="color: #323232">开发周期：</span>3个月</p>
                                        <p><span style="color: #323232">项目简介：</span>美力桥医药求助平台，主要有移动端和PC端数据管理，移动端主要实现聊天功能，文献查看，评论功能，历史数据浏览，问题求助，查看收到的回复以及我发起的求助信息，收藏求助信息，PC端主要负责数据的管控，回复审批，文献管理，人员分组，信息统计等模块。
                                        </p>
                                        <p><span style="color: #323232">责任描述：</span>移动端聊天页面设计，评论功能，文献查看，PC端信息统计，回复审批，文献管理，推送消息。
                                        </p>
                                        <p><i class="fa fa-star" aria-hidden="true" style="color: #f78800"></i>&nbsp;利用前端element-ui对聊天页面进行设计。
                                        </p>
                                        <p><i class="fa fa-star" aria-hidden="true" style="color: #f78800"></i>&nbsp;用户对求助信息进行评论时，进行微信推送提醒。
                                        </p>
                                        <p><i class="fa fa-star" aria-hidden="true" style="color: #f78800"></i>&nbsp;文献的基础数据维护功能。
                                        </p>
                                        <p><i class="fa fa-star" aria-hidden="true" style="color: #f78800"></i>&nbsp;文献的基础数据维护功能。
                                        </p>
                                        <p><i class="fa fa-star" aria-hidden="true" style="color: #f78800"></i>&nbsp;对不良的无用的回复信息进行审批。
                                        </p>
                                        <p><i class="fa fa-star" aria-hidden="true" style="color: #f78800"></i>&nbsp;利用客户提供的地址进行定时拉取人员信息。
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="panel panel-default">
                                <div class="panel-heading" role="tab" id="headingfive">
                                    <h4 class="panel-title asd">
                                        <a class="pa_italic collapsed" role="button" data-toggle="collapse"
                                           data-parent="#accordion" href="#collapsefive" aria-expanded="false"
                                           aria-controls="collapsefive">
                                            <span class="glyphicon glyphicon-plus" aria-hidden="true"></span><i
                                                class="glyphicon glyphicon-minus" aria-hidden="true"></i>药名奖竞赛
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapsefive" class="panel-collapse collapse" role="tabpanel"
                                     aria-labelledby="headingfive">
                                    <div class="panel-body panel_text">
                                        <p><span style="color: #323232">软件环境：</span>Windows10，Java，Tomcat，MySQL，Vue</p>
                                        <p><span style="color: #323232">开发工具：</span>IntelliJ IDEA，WebStorm</p>
                                        <p><span style="color: #323232">开发周期：</span>3个月</p>
                                        <p><span style="color: #323232">项目简介：</span>药名奖金赛项目主要是项目组进行项目有奖评比，移动端功能主要实现在线报名，扫码签到，查看出场顺序，评分功能，查看评分结果，提问问题。PC端菜单权限维护，JWT权限认证，导出Excel功能，会议管理，项目组管理，评分管理，同步人员管理，报名结果管理，评分结果管理，评分纬度管理，提问管理，问题列表管理等模块。
                                        </p>
                                        <p><span style="color: #323232">责任描述：</span>负责移动端在线报名，查看出场顺序，PC端菜单权限，JWT权限认证，导出Excel，评分管理，报名结果管理，问题列表。
                                        </p>
                                        <p><i class="fa fa-star" aria-hidden="true" style="color: #f78800"></i>&nbsp;对移动端在线报名页面进行设计，并实现报名操作。
                                        </p>
                                        <p><i class="fa fa-star" aria-hidden="true" style="color: #f78800"></i>&nbsp;完成SpringBoot相关JWT的配置，实现单点登录。
                                        </p>
                                        <p><i class="fa fa-star" aria-hidden="true" style="color: #f78800"></i>&nbsp;完成菜单管理权限管理，实现Vue动态路由配置。
                                        </p>
                                        <p><i class="fa fa-star" aria-hidden="true" style="color: #f78800"></i>&nbsp;导出报名结果数据到Excel中。
                                        </p>
                                        <p><i class="fa fa-star" aria-hidden="true" style="color: #f78800"></i>&nbsp;评分结果，报名结果，问题列表等相关数据模块维护。
                                        </p>
                                        <p><i class="fa fa-star" aria-hidden="true" style="color: #f78800"></i>&nbsp;项目Maven打包相关配置。
                                        </p>
                                        <p><i class="fa fa-star" aria-hidden="true" style="color: #f78800"></i>&nbsp;MybatisPlus增强工具的相关配置。
                                        </p>
                                        <p><i class="fa fa-star" aria-hidden="true" style="color: #f78800"></i>&nbsp;负责移动端和PC端相关接口。
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="panel panel-default">
                                <div class="panel-heading" role="tab" id="headingSix">
                                    <h4 class="panel-title asd">
                                        <a class="pa_italic collapsed" role="button" data-toggle="collapse"
                                           data-parent="#accordion" href="#collapseSix" aria-expanded="false"
                                           aria-controls="collapseSix">
                                            <span class="glyphicon glyphicon-plus" aria-hidden="true"></span><i
                                                class="glyphicon glyphicon-minus" aria-hidden="true"></i>待续...
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapseSix" class="panel-collapse collapse" role="tabpanel"
                                     aria-labelledby="headingSix">
                                    <div class="panel-body panel_text">
                                        <p>待续...</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            <!-- //work -->
        </li>
        <li class="agileits">
            <!-- contact -->
            <div class="contact agileits-w3layouts">
                <div class="container">
                    <h3 class="agileits-title">自我评价</h3>
                    <div class="contact-w3lsrow">
                        <div style="font-size: 1.5rem">
                            <p>
                                我是个能搞开发的人，理由如下：<br>
                                &emsp;&emsp;1.&emsp;擅于调试：开发当中最怕的是什么？最怕的是杀不完的BUG。通过一系列的项目实践，我具备了很好的调试技巧。在哪里设断点，观察数据变化，如何寻找异常，都是拿手活，因此我能在较短时间内找出问题并解决问题。<br>
                                &emsp;&emsp;2.&emsp;开发习惯好：很多人开发并不注重代码注释，写完代码就完了，这会给后期维护造成很大的困扰，代码注释真的很重要，我在开发每个项目中都会将自己负责的代码部分注释好其作用及相关逻辑，以保证后期利于维护。<br>
                                &emsp;&emsp;3.&emsp;擅于沟通：在开发组当中沟通尤为重要，不沟通导致的结果将是毁灭性的，我在开发时经常与组员们沟通业务需求及相关代码逻辑等，保证项目能正确的向下进行。<br>
                                &emsp;&emsp;4.&emsp;少说多做：我习惯于从实际出发，着重于工作所能取得的实效性。<br>
                                座右铭：简单不先于复杂，而是在复杂之后。
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- //contact -->
        </li>
    </ul>
    <label for="slide1"></label>
    <label for="slide2"></label>
    <label for="slide3"></label>
</div>
<!-- //main -->
<!-- swipe box js -->
<script src="js/jquery.swipebox.min.js"></script>
<script type="text/javascript">
    jQuery(function ($) {
        $(".swipebox").swipebox();
    });
</script>
<!-- //swipe box js -->
<!-- Skill Bar js -->
<script src="js/skill.bars.jquery.js"></script>
<script>
    $(document).ready(function () {

        $('.skillbar').skillBars({
            from: 0,
            speed: 4000,
            interval: 100,
            decimals: 0,
        });

    });
</script>
<script src="js/bootstrap.js"></script>
<script src="js/message.js"></script>
<script src="js/md5.js"></script>
<script>
    //暂时简历的内容
    div = $('#mainDiv');
    //将简历的内容删除
    div.remove();
    var password = "94bad94faea80337f31ff0b2a887b82f";
    $('.open_new_world').click(function () {
        checkPassword()
    });
    function keyDown(e) {
        var evt = window.event || e;
        if (evt.keyCode == 13) {
            checkPassword()
        }
    }
    function checkPassword() {
        if (hex_md5($('.open_new_world_password').val()) === password) {//密码正确
            $.message({
                title: "操作通知",
                message: "密码正确，马上进入新世界",
                type: 'success'
            });
            setTimeout(function () {
                $("#passwordDiv").hide()
                $("#passwordDiv").after(div);
            }, 2000);

        } else if ($('.open_new_world_password').val() === "") {//密码为空
            $.message({
                title: "操作通知",
                message: "请输入密码，密码不能为空",
                type: 'info'
            });
        } else {//密码错误
            $.message({
                title: "操作通知",
                message: "密码错误",
                type: 'error'
            });
        }
    }
    // 禁用右键查看源代码和F12
    window.onload = function () {
        document.onkeydown = function () {
            var e = window.event || arguments[0];
            if (e.keyCode == 123) {
                $.message({
                    title: "本页提醒",
                    message: "已禁用右键菜单和代码调试功能",
                    type: 'info'
                });
                return false;
            } else if ((e.ctrlKey) && (e.shiftKey) && (e.keyCode == 73)) {
                $.message({
                    title: "本页提醒",
                    message: "已禁用右键菜单和代码调试功能",
                    type: 'info'
                });
                return false;
            }
        };
        document.oncontextmenu = function () {
            $.message({
                title: "本页提醒",
                message: "已禁用右键菜单和代码调试功能",
                type: 'info'
            });
            return false;
        }
    }
</script>
</body>
</html>
